<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
{include file="includeMeta.html"}

<title>{$product.name} - </title>
<link rel="stylesheet" type="text/css" href="{$HOME_URL}/css/style.css" />
<link rel="stylesheet" href="{$HOME_URL}/css/lightbox.css" type="text/css" media="screen" />
<link href="{$HOME_URL}/css/stars.css" rel="stylesheet" type="text/css" />

<script src="{$HOME_URL}/js/prototype.js" type="text/javascript"></script>
<script src="{$HOME_URL}/js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="{$HOME_URL}/js/lightbox.js" type="text/javascript"></script>
<script type="text/javascript" src="{$HOME_URL}/js/java.js"></script>

<SCRIPT LANGUAGE = "JavaScript1.1" type=text/javascript>
	function checkAttribute(item_name)
	{
		var objs = document.getElementsByName(item_name);
		
		if(objs.length <= 0)
			return true;
		
		for(var i = 0; i < objs.length; i++){
			if(objs[i].value == 0){
		   		alert("To buy, " + objs[i].options[objs[i].selectedIndex].text);
				
				return false;
			}
		}
		
		return true;
	}
</SCRIPT>

<script type="text/javascript" src="{$HOME_URL}/js/highslide/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="{$HOME_URL}/js/highslide/highslide.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="{$HOME_URL}/js/highslide/highslide-ie6.css" />
<![endif]-->



<!--
    2) Optionally override the settings defined at the top
    of the highslide.js file. The parameter hs.graphicsDir is important!
-->

<script type="text/javascript">
	hs.graphicsDir = '{$HOME_URL}/js/highslide/graphics/';
	hs.align = 'center';
	hs.transitions = ['expand', 'crossfade'];
	hs.fadeInOut = true;
	hs.outlineType = 'rounded-white';
	hs.headingEval = 'this.a.title';
	hs.numberPosition = 'heading';
	hs.useBox = true;
	hs.width = 500;
	hs.height = 400;
	hs.showCredits = false;
	//hs.dimmingOpacity = 0.8;

	// Add the slideshow providing the controlbar and the thumbstrip
	hs.addSlideshow({
		//slideshowGroup: 'group1',
		interval: 5000,
		repeat: false,
		useControls: true,
		fixedControls: 'fit',
		overlayOptions: {
			position: 'top right',
			offsetX: 200,
			offsetY: -65
		},
		thumbstrip: {
			position: 'rightpanel',
			mode: 'float',
			relativeTo: 'expander',
			width: '210px'
		}
	});

	// Make all images animate to the one visible thumbnail
	var miniGalleryOptions1 = {
		thumbnailId: 'thumb1'
	}
</script>
<style type="text/css">
.light_box{
	position:absolute;
	height:340px;
	width:260px;
	margin:-250px 0px 0px -250px;
	top: 50%;
	left: 50%;
	text-align: left;
	background-color: #FFF;
	border: 1px solid #000000;
	display:none;
	z-index:100;
	overflow:hidden;
	padding:10px;
	}
.light_box_bg{
	z-index:1;
	background:#000000;
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	_height:2000px;
	filter:alpha(opacity=70);
    -moz-opacity:0.6;
    opacity:0.6;
	}
</style>
<script language="javascript">
//var $=document.getElementById;
function showlightbox(ShowUrl)
{
	document.getElementById('l_box').style.display='block';
	document.getElementById('l_box_bg').style.display='block';
	if(ShowUrl!='')
	{
		document.getElementById('lb_cont').src=ShowUrl;
	}
}
function closelightbox()
{
	document.getElementById('l_box').style.display='none';
	document.getElementById('l_box_bg').style.display='none';
	document.getElementById('lb_cont').src='about:blank';
}
</script>
</head>
<body onunload="closelightbox()">
<div id="wrap">
  {include file="header.html"}
  
  <div class="center_content">
    {include file="leftProductDetails.html"}
	<!--end of left content-->
	{include file="rightHome.html"}
     <!--end of right content-->
    <div class="clear"></div>
  </div>
  <!--end of center content-->
  {include file="footer.html"}
</div>
</body>
<script type="text/javascript">

var tabber1 = new Yetii({
id: 'demo'
});

</script>
<!--lightbox-->
<div class="light_box_bg" id="l_box_bg"></div>
<div class="light_box" id="l_box">
<a href="javascript:void(0)" onclick="closelightbox()"><span class="review_close">Close</span></a>
<iframe id="lb_cont" width="100%" frameborder="0" scrolling="no" src="about:blank" height="100%" ></iframe>
</div>
</html>
